<template>
  <view class="checkout_view">
    <image
      v-show="checkout"
      class="checkout_img"
      src="@/static/icon/checkout_active.png"
      mode="aspectFill"
    />
    <image
      v-show="!checkout"
      class="checkout_img"
      src="@/static/icon/checkout.png"
      mode="aspectFill"
    />
  </view>
</template>

<script setup>
import {} from "vue";
const props = defineProps({
  checkout: {
    type: Boolean,
    default: false,
  },
});
</script>

<style lang="scss" scoped>
.checkout_view {
  width: 40rpx;
  height: 40rpx;
  overflow: hidden;
  .checkout_img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
}
</style>
